<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Codimension Python IDE - Python Code Visualization: Slide 11</title>
  <meta name="Author" content="Sergey Satskiy">
  <meta name="description" content="Codimension is a Python IDE with a focus on graphics representation of the control flow">
  <meta name="keywords" content="codimension,python,ide,flowchart,analysis,linux,open source,free software,libre software,libre,freedom,diagram,flowchart,software,download,platform,ubuntu,fedora,debian,documentation,screenshots,home,homepage">
  <link rel="apple-touch-icon" sizes="144x144" href="../../assets/cdm/images/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="114x114" href="../../assets/cdm/images/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="72x72" href="../../assets/cdm/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="57x57" href="../../assets/cdm/images/apple-touch-icon-57x57.png">
  <link rel="shortcut icon" type="image/png" href="../../assets/cdm/images/cdm-logo-64x64.png">
  <link rel="stylesheet" type="text/css" href="../../assets/cdm/css/main.css">
  <link rel="stylesheet" type="text/css" href="../../assets/cdm/css/text.css">
  <link rel="stylesheet" type="text/css" href="../../assets/cdm/css/github.css">
</head>
<body id="page-" class="">
  <div class="header">
    <div id="cleartop">
      <div id="logo">
        <a href="../../index.htm"><img src="../../assets/cdm/images/cdm-label.svg" height="64" alt="Codimension"></a>
      </div>
      <div id="header-right">
        <ul id="topdrops">
          <h2 style="border-bottom: 1px solid #ddd; font-size: 140%; font-weight: normal; margin: 1.5ex 0 0.5ex;">English</h2>
        </ul>
        <!--
          <form id="topsearch" action="search-results.html" method="get">
          <input type="text" name="search" id="q" placeholder="Search">
          <button type="submit"><img src="/assets/cdm/images/search.svg" alt="Search"/></button>
          </form>
        -->
      </div>
    </div>
    <div class="nav">
      <ul id="menu">
        <li class="child">
          <a href="../../index.htm">Home</a>
        </li>
        <li class="child">
          <a href="../../about/index.htm">About</a>
          <ul>
            <li class="child">
              <a href="../../about/features.html">Features</a>
            </li>
            <li class="child">
              <a href="../../about/screenshots.html">Screenshots</a>
            </li>
            <li class="child">
              <a href="../../about/team.html">Team</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="../../download/index.htm">Download</a>
          <ul>
            <li class="child">
              <a href="../../download/linuxdownload.html">Linux and Mac Download and Installation</a>
            </li>
            <li class="child">
              <a href="../../download/sourcedownload.html">Download Source Code</a>
            </li>
            <li class="child">
              <a href="../../download/runfromgit.html">Building and Running from Source</a>
            </li>
          </ul>
        </li>
        <li class="child ancestor">
          <a href="../index.htm">Documentation</a>
          <ul>
            <li class="child">
              <a href="index.htm">Visualization Technology</a>
            </li>
            <li class="child">
              <a href="../faq.html">FAQ</a>
            </li>
            <li class="child">
              <a href="../cheatsheet.html">Key Bindings & Cheatsheet</a>
            </li>
            <li class="child">
              <a href="../pluginstutorial.html">Plugins Tutorial</a>
            </li>
            <li class="child">
              <a href="../cdmpyparser.html">Brief Python Parser</a>
            </li>
            <li class="child">
              <a href="../cdmflowparser.html">Control Flow Parser</a>
            </li>
            <li class="child">
              <a href="../codimension-ide-architecture.html">Architecture</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="../../contribute/index.htm">Contribute</a>
          <ul>
            <li class="child">
              <a href="../../contribute/codingcontribute.html">Via Working with Code</a>
            </li>
            <li class="child">
              <a href="../../contribute/noncodingcontribute.html">Non-Coding</a>
            </li>
          </ul>
        </li>
        <li class="child">
          <a href="../../supportus.html">Support Us</a>
        </li>
      </ul>
    </div>
  </div>
  <div id="content">
    <div class="wrapper">
      <div class="breadcrumbs">
        <a href="../../index.htm">Home</a>&nbsp;&nbsp;»&nbsp;&nbsp;<a href="../index.htm">Documentation</a>&nbsp;&nbsp;»&nbsp;&nbsp;<a href="index.htm">Visualization
        Technology</a>&nbsp;&nbsp;»&nbsp;&nbsp;Python Code Visualization: Slide 11
      </div>
      <p><br></p>
      <div style="text-align:center">
        <ul class="pagination">
          <li>
            <a href="slide-10.html">&lt;</a>
          </li>
          <li>
            <a href="" class="active not-active-link">11</a>
          </li>
          <li>
            <a href="slide-12.html">&gt;</a>
          </li>
        </ul>
      </div><img class="centered" src='../../assets/cdm/visualization/img10.png' title=''>
      <p align="justify">The side comments require to pay attention to a couple of things. The first is that there is usually a line correspondence between the comment and the statement. In this
      example the code author provided a comment for certain statements. Therefore the graphics representation must keep the line-to-line correspondence between a drawn code block and its side
      comment.</p>
      <p align="justify">The second thing to consider is a tail of a side comment. Sometimes a side comment for the last block statement takes more than a single line as is in the example. The last
      comment line looks like an independent comment because it does not have a statement before the <code>#</code> character however the author wanted the comment to be for the last statement in the
      block. A criteria to consider the side comment continue could be as follows:</p>
      <ul>
        <li>the comment continue line is the very next one and</li>
        <li>the <code>#</code> character is at the same position in the line as in the line above</li>
      </ul>
    </div>
  </div>
  <div class="footer">
    <table width="100%">
      <tr>
        <td>
          Codimension is Free and Open Source Software licensed under the <a href="http://www.gnu.org/licenses/gpl-3.0.html">GPL v3.0</a>
        </td>
        <td align="right">
          <a href="../../sitemap.html">Sitemap</a>
        </td>
      </tr>
    </table>
  </div>
</body>
</html>
